<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Travels firm</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
	      rel="stylesheet">
	<link rel="stylesheet" href="./css/bootstrap-grid.min.css">
	<link rel="stylesheet" href="./css/style.css">
	<script defer src="./js/script.js"></script>
</head>
<body>
<header class="header__container">
	<div class="container">
		<nav class="header-nav">
			<a class="logo__link" href="#"><img src="images/logo.svg" alt="логотип" class="logo"></a>
			<ul class="nav-list">
				<li class="nav-item">
					<a class="nav-link" href="index.html">О нас</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="services.html">Туры</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Скидки</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Билеты</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="yandex-map.html">Связатья с нами</a>
				</li>
			</ul>
		</nav>
	</div>
	
	<div class="header-nav__mobile_container">
		<div class="burger">
			<span></span>
		</div>
		<nav class="header-nav__mobile">
			<ul class="nav-list__mobile">
				<li class="nav-item__mobile">
					<a class="nav-link__mobile" href="index.html">О нас</a>
				</li>
				<li class="nav-item__mobile">
					<a class="nav-link__mobile" href="services.html">Туры</a>
				</li>
				<li class="nav-item__mobile">
					<a class="nav-link__mobile" href="#">Скидки</a>
				</li>
				<li class="nav-item__mobile">
					<a class="nav-link__mobile" href="#">Билеты</a>
				</li>
				<li class="nav-item__mobile">
					<a class="nav-link__mobile" href="yandex-map.html">Связатья с нами</a>
				</li>
			</ul>
		</nav>
	</div>
</header>

<main class="main">
	<section class="about-us__container">
		<div class="container">
			<div class="row">
				<div class="col-9 hero">
					<h2 class="about-us__title">Туры по всему миру!</h2>
					<p class="about-us__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <img
							class="about-us__tooltip" src="./icons/tooltip-black.svg" alt="посказка"
							data-tooltip="Подсказка по тексту."> <span class="tooltip__text"></span>Accusamus
						aliquid at autem beatae consequuntur dignissimos eaque et eveniet ex, fuga <img
								class="about-us__tooltip" src="./icons/tooltip-black.svg" alt="посказка"
								data-tooltip="Подсказка по тексту."> <span
								class="tooltip__text"></span>
						illum laudantium minus modi molestias non numquam odit qui sunt tempore temporibus veritatis
						voluptas voluptate?</p>
				</div>
			</div>
		</div>
	</section>
	<section class="info__container">
		<div class="container">
			<ul class="row about-list">
				<li class="col-3">
					<a class="about-link" href="./form.html">Форма заказа</a>
				</li>
				<li class="col-3">
					<a class="about-link" href="./yandex-map.html">Адрес</a>
				</li>
				<li class="col-3">
					<a class="about-link" href="./services.html">Услуги</a>
				</li>
				<li class="col-3">
					<a class="about-link" href="./services.html">Билеты</a>
				</li>
			</ul>
		</div>
	</section>

</main>
<footer class="footer__container">
	<div class="container">
		<nav class="footer-nav">
			<a class="logo__link" href="#"><img src="images/logo.svg" alt="логотип" class="logo"></a>
			<ul class="footer-list">
				<li class="footer-item">
					<a class="footer-link" href="index.html">О нас</a>
				</li>
				<li class="nav-item">
					<a class="footer-link" href="services.html">Туры</a>
				</li>
				<li class="nav-item">
					<a class="footer-link" href="#">Скидки</a>
				</li>
				<li class="nav-item">
					<a class="footer-link" href="#">Билеты</a>
				</li>
				<li class="nav-item">
					<a class="footer-link" href="yandex-map.html">Связатья с нами</a>
				</li>
			</ul>
		</nav>
	</div>
</footer>
</body>
</html>